@charset "utf-8";
@import "common/reset";
.banner{
    padding: 0;
    margin-top:56px;
    
    img{
        width: 100%;
    }
    &:hover{
        opacity: 0.6;
    }
}

.layaflash{
    background: #fbfaf7;
    padding-top:104px ;
    .container{
        background: url(../img/shouji.png)no-repeat;
        background-position:right bottom;
        background-size: 30%;
        padding-bottom: 30px;
        >h1{
            font-size: 48px;
            color: #0078d7;
        }
        >h2{
            font-size: 30px;
            color: #666;
            margin-top: 33px;
            margin-bottom: 79px;
        }
        .row{
            input[type="radio"]{
                display: none;
            }
            .flashProduct{
                display: flex;
                justify-content: space-around;
                margin-bottom: 47px;
                .flashProImg{
                    flex-shrink: 0;
                    width: 64px;
                    height: 64px;
                    line-height: 64px;
                    overflow: hidden;
                    background: #0078d7;
                    position: relative;
                    transition-duration: 1s;
                    img{
                        width: 80%;
                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%,-50%);
                    }
                }//flashProImg
                .flashProDesc{
                    h3{
                        font-size: 19px;
                        color: #333;
                    }
                    p{
                        width: 211px;
                        font-size:14px ;
                        color:#666 ;
                    }
                }
                
                input[type="radio"]:checked~ label .flashProImg{
                    transform:rotate(360deg);
                    transition-duration: 1s;
                    background: #8D8C8C;
                }
            
            }
        }
    }
}

.layabox{
    padding-top:27px;
    margin-bottom: 89px;
    margin-top: 89px;
    .container{
        background: url(../img/jiangbei.png)no-repeat;
        background-size: 30%;
        background-position: left bottom;
        .row{
            h2{
                font-size: 48px;
                color:#8fc31f;   
                margin-bottom: 44px;
            }
            ul{
                li{
                    font-size:14px ;
                    color: #666666;
                    line-height: 54px;
                    margin-bottom: 16px;
                    img{
                        width: 54px;
                        height: 54px;
                        border-radius: 50%;
                        margin-right: 10px;
                    }
                    p{
                        width:309px ;
                        font-size:14px ;
                        line-height: 30px;
                        color: #000;
                        display: inline-block;
                        vertical-align: middle;
                    }
                }
            }
        }
    }
}

.layafamily{
    background: #0079d7;
    padding-top:112px ;
    padding-bottom: 102px;
    margin-bottom: 85px;
    h2{
        font-size:48px ;
        color: #fffefe;
        text-align: center;
        margin-bottom: 88px;
    }
    .Six{
        display: flex;
        border-radius: 11px;
        justify-content: space-around;
        margin-bottom: 79px;
        .layafamily-tu{
            flex-shrink: 0;
            display: flex;
            overflow: hidden;
            width: 66px;
            height: 66px;
            margin-left: 40px;
            margin-top: 30px;
            img{
                width: 100%;
                
            }
        }
        h1{
            color: #fffefe;
            font-size: 32px;
            line-height: 32px;
            margin-bottom: 17px;
        }
        p{
            width:280px ;
            font-size:14px ;
            line-height: 30px;
            color: #fffefe;
        }
    }
}




.game{
    .container{
        .title{
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-bottom: 45px;
            >h1{
                font-size:35px ;
                color: #2a2a2a;
            }
            >span{
                a{
                    font-size:12px ;
                    color: #2a2a2a;
                }
            }
        }//title
        .row{
            .video{
                video{
                    width: 100%; 
                    height: 200px;
                }
            }
        }
        .gameType{
            .card{
                border: none;
                text-align: center;
                text-decoration: none;
                .card-body{
                    padding: 0;
                    p{
                        font-size: 14px;
                        color: #2a2a2a;
                        padding: 5px 0;
                    }
                }
            }
        }
    }
}

.partner{
    background: #f4f4f4;
    padding-top: 40px;
    h1{
        font-size:29px ;
        color:#000 ;
        display: inline-block;
        margin-bottom: 33px;
    }
    span{
        font-size: 12px;
        color:#C5C5C5;
    }
    .row{
        .col-lg-2{
            margin-bottom: 20px;
        }
    }
    
}
//
//footer{
//  height: 113px;
//  background: #3b3b3b;
//  .row{
//      display: flex;
//      height: 100%;
//      align-items: center;
//      .footer-tu{
//          display: flex;
//          padding-right: 0;
//          position: relative;
//          .img{
//              padding:0 7px;
//              position: relative;
//          }
//          .img2:hover .erweima{
//              display: block;
//          }
//          .erweima{
//              position: absolute;
//              top: -155px;
//              left: 55%;
//              transform: translateX(-50%);
//              display: none;
//          }
//      }
//      ul{
//          li{
//              font-size: 12px;
//              color: #a1a3ab;
//              a{
//                  color: #a1a3ab;
//                  font-size: 14px;
//              }
//              &::nth-child(1){
//                  margin-bottom: 14px;
//              }
//          }
//      }
//      
//  }
//}





//移动端
@media only screen and (max-width:415px){
    // <!--laya引擎-->
	.layaflash{
        padding-top:50px ;
        .container{
            background: none;
            >h1{
                font-size: 36px;
            }
            >h2{
                font-size: 20px;
                margin-bottom: 50px;
            }
            .row{
                .flashProduct{
                    margin-bottom: 30px;
                }
            }
        }
    }

//-Layabox 优势
    .layabox{
        padding-top:20px;
        margin-bottom: 30px;
        margin-top: 30px;
        .container{
            background: none;
            padding-right:0 ;
            .row{
                h2{
                    font-size:32px ;
                    text-align: center;
                    margin-bottom: 35px;
                }
                ul{
                    li{
                        font-size: 12px;
                        margin-bottom: 16px;
                        img{
                            width: 45px;
                            height: 45px;
                            margin-right:0;
                        }
                        p{
                            width: 240px;
                            font-size: 12px;
                            display: inline-block;
                            vertical-align: middle;
                            line-height: 23px;
                            margin-left: 5px;
                            padding-top: 15px;
                        }
                        .ul-p{
                            padding-top: 0;
                        }
                    }
                }
            }
        }
    }



 //<!layafamily> 
     .layafamily{
       padding-top: 60px;   
       h2{
           font-size: 35px;
       }
       .Six{
           .laya-font{
               h1{
                   font-size:30px ;
                   line-height: 30px;
                   margin-bottom: 10px;
                   
               }
               p{
                   width: 220px;
                   line-height: 25px;
               }
           }
        .layafamily-tu{
            flex-shrink: 0;
            display: flex;
            overflow: hidden;
            width: 60px;
            height: 60px;
            margin-left: 10px;
            margin-right: 10px;
            margin-top: 10px;
            img{
                width: 100%;
                
            }
        }
       }
     }  

//<!--游戏-->    
     .game{
        .allWidth{
            .title{
                align-items: flex-end;
                margin-bottom:30px;
                flex-direction: column;
                h1{
                    font-size:30px;
                }
            }
            .gameType{
                margin-top: 20px;
            }
        }
    }
    
    .partner{
        .container{
            .row{
                img{
                    width: 100%;
                }
            }
        }
    }
}

//ip5
@media only screen and (max-width:320px){
// <!--laya引擎-->
    .layaflash{
        .container{
            margin-bottom: 0;
            h1{
                font-size: 32px;
                text-align: center;
            }
            h2{
                font-size: 17px;
                margin:25px 0 40px 0 ;
            }
            .row{
                .flashProduct{
                     padding: 0;
                     margin-bottom: 25px;
                     .flashProImg{
                             width: 50px;
                             height: 50px;
                     }
                     .flashProDesc{
                         h3{
                             font-size:18px ;
                         }
                         p{
                             width: 200px;
                             font-size: 12px;
                             margin-top: 6px;
                         }
                     }
                 }
            }
        }
    }
    
//<!--Layabox 优势-->   
    .layabox{
        padding-top:20px;
        margin-bottom: 30px;
        .container{
            background: none;
            .row{
                h2{
                    font-size:32px ;
                    text-align: center;
                    margin-bottom: 35px;
                }
                ul{
                    li{
                        font-size: 12px;
                        margin-bottom: 16px;
                        img{
                            width: 45px;
                            height: 45px;
                            margin-right:0;
                        }
                        p{
                            width: 200px;
                            display: inline-block;
                            padding-top: 15px !important;
                            vertical-align: middle;
                            line-height: 23px;
                            margin-left: 5px;
                        }
                    }
                }
            }
        }
    }
    
//<!--Layabox产品家族-->
    .layafamily{
           padding-top: 45px;   
           padding-bottom:0;
           margin-bottom: 50px;
           h2{
               font-size: 29px;
               margin-bottom: 60px;
           }
           .Six{
               .laya-font{
                   h1{
                       font-size:24px ;
                       line-height: 30px;
                       margin-bottom: 9px;
                       
                   }
                   p{
                       width: 200px;
                       line-height: 25px;
                       font-size: 10px;
                   }
               }
            .layafamily-tu{
                flex-shrink: 0;
                display: flex;
                overflow: hidden;
                width: 60px;
                height: 60px;
                margin-left: 10px;
                margin-right: 11px;
                margin-top: 15px;
                img{
                    width: 100%;
                    
                }
            }
           }
         }  

.partner{
    .allWidth{
        h1{
            font-size: 26px;
        }
    }
    .row{
        .col-4{
            padding-left: 7.5px;
            padding-right:7.5px ;
            margin-bottom: 10px;
            img{
                width: 100%;
            }
        }
    }
}

//<!--游戏-->    
     .game{
        .container{
            .title{
                margin-bottom: 10px;
                h1{
                    font-size: 26px;
                    margin-bottom: 10px;
                }
            }
            .gameType{
                margin-top: 20px;
                .card{
                    .card-body{
                        p{
                            font-size: 12px;
                        }
                    }
                }
            }
            
        }
    }




//底部
footer{
    .container{
        .row{
            .footer-tu {
                    display: none;
            }
        }
    }
}

}
